<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>业绩型简历模板</title>
  <style>
    /* 基础样式 */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    
    body {
      background-color: #f5f5f5;
      color: #333;
      line-height: 1.6;
    }
    
    .container {
      max-width: 1000px;
      margin: 30px auto;
      background: white;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
      position: relative;
      overflow: hidden;
    }
    
    /* 头部样式 */
    header {
      padding: 40px 50px;
      background: linear-gradient(135deg, #2c3e50 0%, #4ca1af 100%);
      color: white;
      position: relative;
    }
    
    .header-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    .profile-info {
      flex: 2;
    }
    
    .profile-image {
      flex: 1;
      text-align: right;
    }
    
    .profile-image img {
      width: 150px;
      height: 150px;
      border-radius: 50%;
      border: 5px solid rgba(255, 255, 255, 0.3);
      object-fit: cover;
    }
    
    .name {
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 5px;
    }
    
    .title {
      font-size: 1.2rem;
      font-weight: 300;
      margin-bottom: 20px;
      color: rgba(255, 255, 255, 0.8);
    }
    
    .contact-info {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
      margin-top: 20px;
    }
    
    .contact-item {
      display: flex;
      align-items: center;
      gap: 8px;
      color: rgba(255, 255, 255, 0.9);
      font-size: 0.9rem;
    }
    
    /* 主要内容样式 */
    main {
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 30px;
      padding: 40px;
    }
    
    @media (max-width: 768px) {
      main {
        grid-template-columns: 1fr;
      }
    }
    
    .section {
      margin-bottom: 30px;
    }
    
    .section-title {
      font-size: 1.3rem;
      color: #2c3e50;
      margin-bottom: 20px;
      padding-bottom: 10px;
      border-bottom: 2px solid #eee;
      position: relative;
    }
    
    .section-title::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 60px;
      height: 2px;
      background-color: #4ca1af;
    }
    
    /* 成就与业绩样式 */
    .achievement-item {
      margin-bottom: 25px;
      position: relative;
      padding-left: 30px;
    }
    
    .achievement-item::before {
      content: '🏆';
      position: absolute;
      left: 0;
      top: 0;
      font-size: 1.2rem;
    }
    
    .achievement-title {
      font-size: 1.1rem;
      font-weight: 600;
      color: #2c3e50;
      margin-bottom: 5px;
    }
    
    .achievement-metrics {
      font-size: 1rem;
      color: #4ca1af;
      font-weight: 500;
      margin-bottom: 8px;
    }
    
    .achievement-description {
      font-size: 0.95rem;
      color: #666;
    }
    
    /* 技能样式 */
    .skills-list {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }
    
    .skill-item {
      margin-bottom: 5px;
    }
    
    .skill-name {
      display: flex;
      justify-content: space-between;
      margin-bottom: 5px;
      font-size: 0.9rem;
    }
    
    .skill-bar {
      height: 8px;
      background-color: #eee;
      border-radius: 4px;
      overflow: hidden;
    }
    
    .skill-progress {
      height: 100%;
      background: linear-gradient(to right, #2c3e50, #4ca1af);
      border-radius: 4px;
    }
    
    /* 工作经验样式 */
    .experience-item {
      margin-bottom: 25px;
      position: relative;
      padding-left: 20px;
      border-left: 2px solid #eee;
    }
    
    .experience-title {
      font-size: 1.1rem;
      font-weight: 600;
      color: #2c3e50;
      margin-bottom: 5px;
    }
    
    .experience-company {
      font-size: 1rem;
      color: #4ca1af;
      margin-bottom: 5px;
    }
    
    .experience-date {
      font-size: 0.9rem;
      color: #999;
      margin-bottom: 10px;
    }
    
    .experience-description {
      font-size: 0.95rem;
      color: #666;
    }
    
    /* 项目经验样式 */
    .project-item {
      margin-bottom: 25px;
      padding: 20px;
      border-radius: 5px;
      background-color: #f9f9f9;
      border-left: 4px solid #4ca1af;
    }
    
    .project-title {
      font-size: 1.1rem;
      font-weight: 600;
      color: #2c3e50;
      margin-bottom: 10px;
    }
    
    .project-metrics {
      font-size: 1rem;
      color: #4ca1af;
      font-weight: 500;
      margin-bottom: 10px;
    }
    
    .project-description {
      font-size: 0.95rem;
      color: #666;
    }
    
    /* 数据可视化 */
    .metrics-container {
      display: flex;
      justify-content: space-between;
      margin-bottom: 30px;
    }
    
    .metric-item {
      text-align: center;
      flex: 1;
      padding: 15px;
      background-color: #f9f9f9;
      border-radius: 5px;
      margin: 0 5px;
    }
    
    .metric-value {
      font-size: 2rem;
      font-weight: 700;
      color: #4ca1af;
      margin-bottom: 5px;
    }
    
    .metric-label {
      font-size: 0.9rem;
      color: #666;
    }
    
    /* 打印样式 */
    @media print {
      body {
        background-color: white;
      }
      
      .container {
        box-shadow: none;
        margin: 0;
        max-width: 100%;
      }
    }
  </style>
</head>
<body>
  <div class="container">
    <header>
      <div class="header-content">
        <div class="profile-info">
          <h1 class="name">张三</h1>
          <p class="title">高级项目经理 / 业务拓展专家</p>
          <div class="contact-info">
            <div class="contact-item">
              <span>📧</span>
              <span>zhangsan@example.com</span>
            </div>
            <div class="contact-item">
              <span>📱</span>
              <span>13812345678</span>
            </div>
            <div class="contact-item">
              <span>📍</span>
              <span>北京市朝阳区</span>
            </div>
            <div class="contact-item">
              <span>🔗</span>
              <span>linkedin.com/in/zhangsan</span>
            </div>
          </div>
        </div>
        <div class="profile-image">
          <img src="https://gr-test.oss-cn-shenzhen.aliyuncs.com/02a0271622fba72d55334191e540f2793cee0eee8227010727b0ad469bd8c063.png" alt="个人照片">
        </div>
      </div>
    </header>
    
    <main>
      <div class="left-column">
        <section class="section" id="summary">
          <h2 class="section-title">个人简介</h2>
          <p>拥有8年项目管理和业务拓展经验，专注于互联网和金融科技领域。善于带领团队实现业务目标，曾连续3年超额完成销售指标。擅长客户关系管理和战略规划，为公司创造了显著的业务增长和收益。</p>
        </section>
        
        <section class="section" id="skills">
          <h2 class="section-title">核心能力</h2>
          <div class="skills-list">
            <div class="skill-item">
              <div class="skill-name">
                <span>项目管理</span>
                <span>95%</span>
              </div>
              <div class="skill-bar">
                <div class="skill-progress" style="width: 95%"></div>
              </div>
            </div>
            <div class="skill-item">
              <div class="skill-name">
                <span>业务拓展</span>
                <span>90%</span>
              </div>
              <div class="skill-bar">
                <div class="skill-progress" style="width: 90%"></div>
              </div>
            </div>
            <div class="skill-item">
              <div class="skill-name">
                <span>团队领导</span>
                <span>85%</span>
              </div>
              <div class="skill-bar">
                <div class="skill-progress" style="width: 85%"></div>
              </div>
            </div>
            <div class="skill-item">
              <div class="skill-name">
                <span>客户关系管理</span>
                <span>90%</span>
              </div>
              <div class="skill-bar">
                <div class="skill-progress" style="width: 90%"></div>
              </div>
            </div>
            <div class="skill-item">
              <div class="skill-name">
                <span>战略规划</span>
                <span>85%</span>
              </div>
              <div class="skill-bar">
                <div class="skill-progress" style="width: 85%"></div>
              </div>
            </div>
            <div class="skill-item">
              <div class="skill-name">
                <span>数据分析</span>
                <span>80%</span>
              </div>
              <div class="skill-bar">
                <div class="skill-progress" style="width: 80%"></div>
              </div>
            </div>
          </div>
        </section>
        
        <section class="section" id="education">
          <h2 class="section-title">教育背景</h2>
          <div class="experience-item">
            <h3 class="experience-title">工商管理硕士 (MBA)</h3>
            <p class="experience-company">北京大学</p>
            <p class="experience-date">2012 - 2014</p>
          </div>
          
          <div class="experience-item">
            <h3 class="experience-title">市场营销学士</h3>
            <p class="experience-company">清华大学</p>
            <p class="experience-date">2008 - 2012</p>
          </div>
        </section>
      </div>
      
      <div class="right-column">
        <section class="section" id="metrics">
          <h2 class="section-title">业绩概览</h2>
          <div class="metrics-container">
            <div class="metric-item">
              <div class="metric-value">200%</div>
              <div class="metric-label">销售目标达成率</div>
            </div>
            <div class="metric-item">
              <div class="metric-value">¥5000万</div>
              <div class="metric-label">年度销售额</div>
            </div>
            <div class="metric-item">
              <div class="metric-value">35+</div>
              <div class="metric-label">重要客户</div>
            </div>
            <div class="metric-item">
              <div class="metric-value">98%</div>
              <div class="metric-label">客户满意度</div>
            </div>
          </div>
        </section>
        
        <section class="section" id="achievements">
          <h2 class="section-title">主要成就</h2>
          <div class="achievement-item">
            <h3 class="achievement-title">销售业绩突破</h3>
            <p class="achievement-metrics">销售额增长200%，新增客户45家</p>
            <p class="achievement-description">领导销售团队实现连续3年销售额翻倍增长，将年度销售额从1500万提升至5000万，新增战略客户45家，其中包括10家行业龙头企业。</p>
          </div>
          
          <div class="achievement-item">
            <h3 class="achievement-title">成本优化项目</h3>
            <p class="achievement-metrics">节省运营成本30%，提升利润率15%</p>
            <p class="achievement-description">主导公司成本优化项目，通过流程重组和供应链优化，成功降低运营成本30%，同时提升了整体利润率15%，为公司创造额外2000万利润。</p>
          </div>
          
          <div class="achievement-item">
            <h3 class="achievement-title">团队建设与管理</h3>
            <p class="achievement-metrics">团队规模扩大200%，员工保留率提升40%</p>
            <p class="achievement-description">成功组建并管理30人的高绩效团队，通过有效的激励机制和培训体系，将员工保留率从60%提升至85%，团队整体绩效提升50%。</p>
          </div>
        </section>
        
        <section class="section" id="experience">
          <h2 class="section-title">工作经历</h2>
          <div class="experience-item">
            <h3 class="experience-title">高级业务拓展经理</h3>
            <p class="experience-company">阿里巴巴</p>
            <p class="experience-date">2018年6月 - 至今</p>
            <p class="experience-description">
              负责公司核心业务的市场拓展和客户关系管理，带领15人团队超额完成年度销售目标。成功开发了20个战略客户，年销售额突破5000万，同比增长200%。优化销售流程，将客户转化率提升30%。
            </p>
          </div>
          
          <div class="experience-item">
            <h3 class="experience-title">项目经理</h3>
            <p class="experience-company">腾讯</p>
            <p class="experience-date">2014年7月 - 2018年5月</p>
            <p class="experience-description">
              管理公司重点项目，负责从需求分析到交付的全流程。成功交付了15个关键项目，客户满意度达98%。优化项目管理流程，将项目交付周期缩短25%，同时保证了高质量标准。
            </p>
          </div>
        </section>
        
        <section class="section" id="projects">
          <h2 class="section-title">重点项目</h2>
          <div class="project-item">
            <h3 class="project-title">企业数字化转型项目</h3>
            <p class="project-metrics">投资回报率 (ROI) 300%，效率提升50%</p>
            <p class="project-description">
              领导团队为某大型制造企业实施数字化转型项目，整合ERP、CRM和供应链系统，实现业务流程自动化。项目投资1000万，一年内创造3000万价值，生产效率提升50%，库存成本降低35%。
            </p>
          </div>
          
          <div class="project-item">
            <h3 class="project-title">新市场拓展计划</h3>
            <p class="project-metrics">新增收入2000万，市场份额增长15%</p>
            <p class="project-description">
              设计并执行公司进入华南市场的战略计划，在6个月内成功建立销售网络和合作伙伴关系。首年实现销售额2000万，获取15%市场份额，超过初始目标的200%。
            </p>
          </div>
        </section>
      </div>
    </main>
  </div>
</body>
</html>